<template>
  <div>
    <search></search>
    <lun></lun>
    <van-grid :column-num="5">
      <van-grid-item v-for="item in searchData" :key="item.id" :icon="item.image_src" :text="item.name"/>
    </van-grid>

    <div v-for="item in floordata">
        <img :src="item.floor_title.image_src" v-for="item in floordata" :key="item.id"lt="">

       
    </div>
  </div>
</template>

<script setup>
import Search from "@/components/search.vue";
import Lun from "@/components/lun.vue";
import { ref } from "vue";
import { navigationApi } from "@/api/api";
const searchData = ref([]);
navigationApi().then((res) => {
  console.log(res); // 获取到的数据
  searchData.value = res.data.message; // 赋值到ref
});


import { floorApi } from "@/api/api";
const floordata = ref([]);
floorApi().then((res) => {
  console.log(res); // 获取到的数据
  floordata.value = res.data.message; // 赋值到ref
});
</script>

<style lang="scss" scoped>
</style>